@import url("timeglider.css");
@import url("mega-menu.css");

.progress-train{
	margin: 10px 0px;
}
.progress-train .step:first-child{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.progress-train .step:last-child{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.progress-train .step{
	display: inline-block;
	padding: 7px 10px;
	background: #ddd;
	margin: 0px;
	color:#aaa;
	border: 0px;
	text-align:center;
}
tr.border_bottom td {
  border-bottom:0pt solid white;
	border:0px solid white;
	 
}
.progress-train .step.active{
	color: #ffffff;
	background-color: #0064CD;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
}


hr {
	margin: 20px 0 19px;
	border: 0;
	border-bottom: 1px solid #AAA;
}
.clearfix{
	clear:both;
}
/* Top Level Menu */
ul.sexy-dropdown {
	margin: 0;
        width: 200px;
        padding-left: 0px;
        
}

ul.sexy-dropdown li {
	display: block;
	float: left;
	width: 500px;
}

ul.sexy-dropdown li a {
	
}

/* Sub Level Nav */
ul.sexy-dropdown li ul {
	background: #F4F4F4;
	border: 1px solid #333;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	margin: 10px 0 0 -46px;
	padding: 0;
	position: relative;
}
ul.sexy-dropdown li ul li.selected {
    background: #888;
}
ul.sexy-dropdown li ul li {
    color: #333;
	border-bottom: 1px solid #CCC;
	display: block;
	float: none;
	padding: 8px 10px;
	width: 526px;
	margin: 0;
        cursor: pointer;
}
ul.sexy-dropdown li ul li:hover {
    background: #aaa;
}


/* Arrow */
ul.sexy-dropdown li.arrow {
	background: url(../images/arrow.png) no-repeat;
	border: 0;
	display: none;
	position: absolute;
		top: -10px;
		left: 63px;
	height: 11px;
	width: 20px;
	text-indent: -9999px;
}






/** RESET **/

.tmForm{
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #888888;
}

.hidden{
    display:none !important;
}
.edit_button {
    background: transparent url('../images/icon_edit.png') !important;
    width: 24px !important;
    height: 23px !important;
    cursor: pointer !important;
    border: 0 !important;
}
.delete_button {
    background: transparent url('../images/icon_delete.png') !important;
    width: 24px !important;
    height: 23px !important;
    cursor: pointer !important;
    border: 0 !important;
}




#panel {
	display: none;
}
.active {
	background-position: right;

}


.survey_incident{
    padding:3px;
    border:  1px solid #7096AB;
    margin: 18px;
    width: 750px;
}


.incidentField{
margin:5px;
float:left;
width: 99%
}
.incident-field{
    width:920px;
}

.small-incident-field{
    width:770px
}

#topbar{
width:auto;
display:block;
height:auto;
}
.label{
float:left;
font-weight:bold;
width:20%;
}

.label_chil{
float:left;
font-weight:bold;
margin:2px;
width:20%;
}

#datepicker{
display:block;
width:15%;
margin:5px;
float:left;
}

.ui-datepicker-trigger{
    margin-top: 4px !important;
}

.describe_chil{
display:block;
width:50%;
margin:2px;
}

.describe{
display:block;
width:75%;
height:auto;
overflow: auto;
}
.formField{
margin: 5px;
}

#header{
margin:5px;

font-size: 10pt;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}

/** WORKFLOW **/

#canvas{
    position: relative;
    width: 800px;
    height: 600px;
}


/** ADMIN **/
fieldset.org-chart{
    margin: 10px;
    padding: 10px;
}

li[rel=branch]{
    font-weight: bold;
}

li[rel=emp]{
    font-weight: normal;
}

/** SURVEY **/
.survey label{
    float: left;
    margin: 3px;
    text-align:left;
}

.survey input[type=text]{
    width: 70px;
}
.survey select{
}

.selected_a_list{
    font-weight: bold;
    color: red !important;
}

.survey li{
    float: left;
    clear: both;
    border-color: #eee;
    border-style: solid;
    border-width: 1px;
    border-top: 0px;

    width: 100%;
    /*background: #f3f8fb;
	border-bottom: 2px solid #005050;
	border-color: #A6C9E2;*/
}

.survey li.answer_diff{
    background: #ffeca2;
}

.survey label.question_title{
    font-weight: bold;
}
.survey .question_add_att{
    width: 70px;
    float: left;
    margin: 3px;
    text-align: center;

}

.survey .question_add_att_header{
    font-weight: bold;
}


.survey span.question_ref{
    text-decoration: underline;
}

.survey label.q_Title{
    /*background:url("start/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;*/
	background: #c00;

    color:#FFFFFF !important;

    font-weight: bold;
    width: 100%;
    height: 18px;
    padding-top: 3px;
    border-top: 1px solid #A6C9E2;
    text-align: center;
    margin: 0px;

}

.survey label.q_sub_title{
	background: #aaa;
}
/** WHEN COMPARE DISCRIPANCY **/
.survey .question_compare label.q_List, .survey .question_compare label.q_YesNo,
.survey .question_compare label.q_Value,
.survey .question_compare label.q_Auto,
.survey .question_compare label.a_Value,
.survey .question_compare label.a_List,
.survey .question_compare .help{
    width: 580px;
    color: #a65a06;
}
.survey .question_compare label.question_title{
    width: 600px;
}
.survey .a_YesNo{
    float:left;
    margin-left: 5px;
}

/** DISPLAY FULL **/
.survey  label.q_List, .survey  label.q_YesNo,
.survey  label.q_Value,
.survey  label.q_Auto,
.survey  label.a_List,
.survey .help{
    width: 820px;
    /*color: #a65a06;*/
	color: #005050;
    cursor: pointer;
}
.survey input.q_Value,.survey input.q_Auto{
    float:left;
}
.survey .answer_wrapper .a_List .a_List{
    margin-left: 20px;
    border-bottom: 1px solid #005050;
    clear: both;
    color: #1484b4;

}

.survey div.q_comments{
     margin-left: 20px;
     clear: both;
}


.comments_label{
	width: 70px;
}

/** ADMIN SURVEY **/

.survey_admin label.q_Title{
    width:95% !important;
}

.question_admin_info, .help{
    color: #888 !important;
    font-style: italic;
    display: block;
    clear: both;
    margin: 0px 20px;
}
.question_admin_info{
    float: left;
}

.edit_question{
    float: right;
    margin-left: 10px;
}

.delete_question{
    float: right;
    margin-left: 10px;
}

/** FORM **/
/*.form li label{
    float: left;	
}*/

.incident_label{
    width: auto !important;
}

.label-left{
    text-align:left !important;
    padding-top:2px; 
}

.error-label-left{
    text-align:left !important;
    width:220px !important;
     padding-top:2px; 
}

.label-long{
    width:500px !important;
}

/** FORM **/
.form-narrow li label{
    width: 100px !important;
}
.form-extra-wide li label{
    width: 400px !important;
}
.form-full-wide li label{
    width: 770px !important;
}

.form-top li{
    margin-left:10px;
}
.form-top label{
    margin-bottom:10px;
}



.error{
    color: red;
}

/** STANDARDS **/
.display_none{
    display: none;
}
.e-xl{
    width: 200px !important;
}

.se-xl{
    width: 209px !important;
}
li .e-xxl{
    width: 250px !important;
}
.se-xxl{
    width: 259px !important;
}

li .e-xxxl{
    width: 300px !important;
}
li .e-xxxxl{
    width: 350px !important;
}

.se-xxxxl{
    width: 359px !important;
}

.se-xxxl{
    width: 309px !important;
}

.e-s{
    width: 50px !important;
}
.e-ss{
    width: 60px !important;
}

.e-m{
    width: 100px !important;
}

.e-sl{
    width: 128px !important;
}
.e-l{
    width: 150px !important;
}

.e-g{
    width:690px !important;
}
ol, ul {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0;
    padding:5px 10px;
}

fieldset.survey,fieldset.info {
	margin: 10px 20px;
	padding: 10px;
}
fieldset.form, fieldset.survey{
      /* margin: 10px 0px 0px 5px;*/
}

fieldset.form{
    /*	background: url('../images/form_bg.png') repeat-x;*/
/*    background: #f8f8f8;*/
/*    border-width: 2px 2px 2px 2px;
    border-color: #A6C9E2;
    border-color: #eee;
    border-style: ridge;*/
    margin:10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,Color='#CDCDCD');
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,Color='#CDCDCD');

/*    background-image: url(../images/pg_bg.png) !important;
    background-repeat: repeat-y !important;

    background-position: center;*/

}

div.dataTables_paginate span.paginate_button,
    div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.dataTables_paginate {
    height: 22px;
    line-height: 22px;
}

.paginate_button_disabled, .next, .previous{
    display:none !important;
}

span.paginate_button {
    background-color: #ddd;
}

div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

div.dataTables_paginate span.paginate_active {
    background-color: #99B3FF;
}

/*fieldset{
    padding: 0px;
    background: #f8f8f8 !important;
}*/

fieldset legend{
    color: #aa0000;
/*    background: white;
    font-weight: bold;
    font-size: 13px;
    padding: .2em;
    margin-left: 1em;*/
}

.login_legend{
    background: #f8f8f8 !important;
    margin-left: 0 !important;
}


.margin-10{
    margin: 10px;
}

.margin-left-10{
	margin-left: 10px;
}

.margin-left-20{
	margin-left: 20px;
}

.float-left{
    float: left;
}
.float-right{
    float: right;
}
.float-none{
    float: none;
}
.break{
    clear: both !important;
}

span.required{
	color: red;
	font-weight: bold;
}
h4{
	font-size: 10pt;
	font-weight: normal;
	line-height: 2em;
	color: #005050;
}

/** DEFAULT **/

    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */


html,body {
	height:100%; /* needed for container min-height */
}


.center-button{
    left:-40%;
}

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {   
    background: #fff;
    color: #333;
    font: verdana, arial, helvetica, sans-serif;
}
.logo {
    background: #eee;
    background: #eee;
	background:url("../images/OpRiskBanner.jpg");
/*	background-repeat: repeat-x;*/
}


a:link, a:visited, a:hover {
    text-decoration: none;
    color: blue;
}

.fake-link{
    color: blue;
    cursor:pointer;
}


input[readonly]{
	background-color: #efefef;
}
input[disabled=disabled]{
    border: none;
    background: transparent;
}
input[type=checkbox]{
	margin-top: 5px;
}

textarea {
	vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    margin: 0 auto !important;
    padding:0em 0em 5em;

}

.body, .logo, .footer, .nav,.nav, #top-banner,#body-wrapper{
	width: 960px;
        
}

/* NAVIGATION MENU */

.nav {
    /*border-style: solid none solid none;*/
    padding: 7px;
    padding-top:12px;
    /*background:url("start/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;*/
	/*background: #c00;*/
	background:url("../images/OpRisk Menu.jpg") repeat-x;
    /*border:1px solid #77D5F7;*/
	border: 0px solid #eee;
    color:#FFFFFF;
    height: 37px;
	clear: both;
    width:946px !important;
}

.footer {
    background:url("../images/OpRiskFooter.jpg") repeat-x;
    height: 37px;
    clear: both;
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
}

.menuButton {
    font-size: 8pt;
    padding: 0 4px;
}
.menuButton a {
    padding: 4px 6px;
	padding-left: 25px;
}
.menuButton a,  .menuButton a:visited {
	color: #fff;
}
.menuButton a:hover{
	color: #000;
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;

}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
}
.menuButton a.logout {
    background: url(../images/skin/logout.png) center left no-repeat;
}
.menuButton a.qca {
    background: url(../images/skin/pen.png) center left no-repeat;
}
.menuButton a.kh {
    background: url(../images/skin/men.png) center left no-repeat;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */
/* CS */
table{
    width: 100%;
	border-collapse:collapse;
    border-spacing:0;
}
.tableBaoCaoDayDu{
	width: 4000px;
	border-collapse:collapse;
    border-spacing:0;
}

th, table, td{
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
}
td, th{
    padding: 2px 3px;

}
tr.even{
    background: #e8e8e8;
}
th {
    /*background:url("start/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;*/
	/*background: #c00;*/

    background:#DDDDDD;
/*    color:#FFFFFF !important;*/
    font-weight: bold;
	height: 22px;

}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}


/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}
/** DATATABLES **/
.dataTable{
    margin-bottom: 3px;
    clear: both;
}
.paginate_disabled_previous, .paginate_enabled_previous{
    background-position: -48px -160px;
}
.paginate_disabled_next, .paginate_enabled_next{
    background-position: -32px -160px;
}
.paginate_disabled_next, .paginate_enabled_next,
.paginate_disabled_previous, .paginate_enabled_previous{
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image:url(blitzer/images/ui-icons_cc0000_256x240.png);
    height:16px;
    width:16px;
    float: left;
    cursor: pointer;
}
.paginate_disabled_next,
.paginate_disabled_previous{
    background-image:url(blitzer/images/ui-icons_004276_256x240.png);
    cursor: auto;
}
.dataTables_paginate{
    float: right;
}
.dataTables_info{
    float: left;
    font-style: italic;
}


/* ACTION BUTTONS */

.buttons {
	padding: 5px 0px 5px 0px;
}

.set-edit{
	cursor: pointer;
}

.set-delete{
	cursor: pointer;
}

label.clickable{
	cursor: pointer;
}

/** RESIZABLE TEXT AREA **/
/*div.grippie {
    background:#EEEEEE url(../images/grippie.png) no-repeat scroll center ;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:5px;
    overflow:hidden;
}*/
.resizable-textarea textarea {
    margin-bottom:0pt;
}
.resizable-textarea{
    float: left;
    margin-bottom:2pt;
}
/* cs1 */
.center{
	text-align:center !important;
/* 	width: 500px; */
}

#m-melanin-logo{
	height: 100px;
	width: 110px;
}
#m-melanin-header #m-melanin-logo{
    margin: 0px 0px 0px 0px;

}

#m-melanin-header{
	height: 99px;
        background: #FFFFFF;
/*	background: -webkit-gradient(linear,0 top,0 bottom,from(#8C0606),to(#BF1F1F));
	background: -moz-linear-gradient(#8C0606,#BF1F1F);
        background: -webkit-linear-gradient(top, #8C0606 0%,#BF1F1F 100%);  Chrome10+,Safari5.1+ 
	background-color: #BF1F1F;
        background: -ms-linear-gradient(top, #8C0606 0%,#BF1F1F 100%);  IE10+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8C0606', endColorstr='#BF1F1F',GradientType=0 );  IE6-9 
	background: linear-gradient(top, #8C0606 0%,#BF1F1F 100%);  W3C */
}

#m-melanin-footer{
    background: #da251c;
    height:20px;
    padding-top:10px;
}

#m-melanin-navigation.navigationMSB{
    background: #da251c;
    border-bottom: #BF1F1F;
}

.btn.primary{
    background-image: -moz-linear-gradient(center top , #C73436, #B5090C);
    background: -webkit-gradient(linear,0 top,0 bottom,from(#C73436),to(#B5090C));
    background: -webkit-linear-gradient(top, #C73436 0%,#B5090C 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #C73436 0%,#B5090C 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C73436', endColorstr='#B5090C',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #C73436 0%,#B5090C 100%); /* W3C */
    border-color:#B5090C #B5090C #B5090C;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #B5090C;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}



#m-melanin-navigation.navigationMSB a:hover span, #m-melanin-navigation.navigationMSB ul li ul li:hover{
    background: #BD2225; /* Old browsers */
    background: -moz-linear-gradient(top, #BD2225 0%, #AD090B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BD2225), color-stop(100%,#AD090B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #BD2225 0%,#AD090B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #BD2225 0%,#AD090B 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #BD2225 0%,#AD090B 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD2225', endColorstr='#AD090B',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #BD2225 0%,#AD090B 100%); /* W3C */
    
    color:white;
}

#m-melanin-navigation.navigationMSB a span{
        background: -moz-linear-gradient(center top , #DA251C 0%, #D62427 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,0 top,0 bottom,from(#DA251C),to(#D62427));
        background: linear-gradient(top, #DA251C 0%,#D62427 100%);  /*W3C */
        background: -ms-linear-gradient(top, #DA251C 0%,#D62427 100%);  /*IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA251C', endColorstr='#D62427',GradientType=0 ); /* IE6-9 */
        background: #DA251C;
        border-color: #FFFFFF;
        border-top-color: #DA251C;
        padding: 0px 13px;
}



#m-melanin-app-descriptions{   
    font-size:210%;
    margin-top:50px;
    font-weight:bold;
    margin-left:400px;
    position:absolute;
    color:#DA251C;
}


/** TABLE TOOLS **/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * TableTools styles
 */
.TableTools {
	padding: 0px;
	border: 1px solid #d0d0d0;
	background-color: #f0f0f0;
	float: right;
	margin-bottom: 1em;
}

.TableTools_button {
	position: relative;
	float: left;
	margin-right: 3px;
}

.TableTools_csv {
	background: url(../images/t/csv.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_csv_hover {
	background: url(../images/t/csv_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_xls {
	background: url(../images/t/xls.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_xls_hover {
	background: url(../images/t/xls_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_clipboard {
	background: url(../images/t/copy.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_clipboard_hover {
	background: url(../images/t/copy_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_print {
	background: url(../images/t/print.png) no-repeat center center;
	border: 1px solid #f0f0f0;
}

.TableTools_print_hover {
	background: url(../images/t/print_hover.png) no-repeat center center;
	border: 1px solid #d0d0d0;
	background-color: #fdfdfd;
}

.TableTools_PrintInfo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	background-color: #3f3f3f;
	color: white;
	padding: 10px 30px;

	opacity: 0.9;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.TableTools_PrintInfo h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.TableTools_PrintInfo p {
	font-size: 14px;
	line-height: 20px;
}

table th {
    text-align: center;
}

#m-melanin-navigation{
    height:28px;
}

.dataTables_wrapper{
    min-height: 120px;
}

.price{
    text-align: right ;
}
.textRight{
    text-align: right ;
}
label[for]{
	cursor: pointer;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size:13px !important;
}

#m-melanin-form-user-details li label{
    float:none;
}

table th, table td{
    font-size:93%;
    padding:5px 10px;
}

#m-melanin-app-descriptions{
    font-size:155%;
    margin-top:40px;

}
#m-melanin-navigation.navigationMSB ul{
    padding: 5px 10px 0 5px;
}

#m-melanin-navigation ul li:first-child a span{
    border-left:1px solid #FFFFFF;
}

.searchButtons{
    margin-left:120px;
    margin-top:5px;
}
#m-melanin-page-wrap{
    border:1px solid #DDDDDD;
    height: auto !important;
    margin: 0 auto;
    min-height: 99%;
    position: relative;
}

#m-melanin-footer{
    bottom:0;
    position:absolute;
    width:100%;
}
.clear{
    height:20px;
}

#m-melanin-header a{
    color:black;
    font-weight: bold;
}
#m-melanin-header{
    color:black;
    font-weight: bold;
}



/* jQuery Countdown styles 1.6.1. */
.hasCountdown {
	//border: 1px solid #ccc;
	//background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}

.countdown {
    float: left;
    width: 120px;
	color: red;
}


.errorManagement
{
	border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #222222;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 80px !important;
	}


 .errorMucDoLoi, .errorHoVaTen, .errorChucDanh, .errorBDSUser,.errorNhanSu,.errorTenDonVi,.errorNHCD,.errorPGD
{
	border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #222222;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 177px !important;
    margin-right:4px !important;
	}
.lableCenter
{
	 text-align: left;
	width:320px !important;
	float:none;
	 
	}

	
.olCenter{
	margin-left:10%;
	
	}
	
.olCenter label, .olCenter li, .olCenter table{
	padding:0px !important;
	margin:1px !important;
	
}
	
.largeControlCenter
{
	width:560px;
	margin-left:1px;
	}
.largeControlCombobox{
	width:570px;
	margin-left:1px;
}	
.largeControlTextCenter{
	width:371px;
	margin-left:1px;	
	
}	
.lableTableCenter
{
	text-align: left;
	width:168px !important;
	float:none;
	}

.largeControlCenterSelect{
	width:569px !important;
	}
.nguoiso,.hovaten,.chucdanh,.mucdoloi,.BdsUser,.IdNhanSu,.NHCD,.TenDonVi,.PGD
{
	text-align: left;
	width:165px !important;
	float:none;
	}
	

.controlTableCenter
{
	width:178px;
	margin-left:2px;
}

.controlComboboxTableCenter
{
	width:188px;
	margin-left:2px;
}

	
.tableControlCenter, .tableControlCenter tr, .tableControlCenter td,.tableControlCenter tbody
{
	margin-left:0px;
	width:560px;
	border: 0px !important;
	padding: 0px !important;	
}
.tableControlCenter label {
	float:left;
	margin-left:0px;
	}
.tableConditionSearch label{
	float:left;
	margin-left:0px;
	}

.tableConditionSearch, .tableConditionSearch tr, .tableConditionSearch td,.tableConditionSearch tbody
{
	margin-left:-10px;
	
	border: 0px !important;
}

.tableConditionSearch label {
    float: left;
    margin-left: 0;
    color: #404040;
    font-size: 13px;
    line-height: 18px;
    padding-top: 6px;
    text-align: left !important;
    width: 130px;
}
label[for] {
    cursor: pointer;
}

.error-form li{
	margin-top:2px;	
}

#m-melanin-main-content{
	min-height:720px !important;
}

\\-----------------------------------------------------
 